<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta content="text/html;charset=utf-8"></meta>
    <title>权限列表</title>
    <link rel="stylesheet" href="/static/js/common/bootstrap/css/bootstrap.min.css"></link>
    <link rel="stylesheet" href="/static/css/base.css"></link>
    <script src="/static/js/common/jquery/jquery-3.2.1.min.js"></script>
    <script src="/static/js/base/base.js"></script>
    <script>
        <#--//新增记录视图更新-->
        <#--function insertRecordView(result) {-->
            <#--//开头插入-->
            <#--// append() 方法在被选元素的结尾插入内容。-->
            <#--// prepend() 方法在被选元素的开头插入内容。-->
            <#--// after() 方法在被选元素之后插入内容。-->
            <#--// before() 方法在被选元素之前插入内容-->
            <#--// $("tr[id^='tr']").first().before("<tr id=\"tr_\">\n" +-->
            <#--$("tbody").first().prepend("<tr id=\"tr_"+ result.id +"\">\n" +-->
                    <#--"                    <td id=\"id_\">" + result.id + "</td>\n" +-->
                    <#--"                    <td id=\"roleName_\">" + result.roleName + "</td>\n" +-->
                    <#--"                    <td id=\"description_\">" + result.description + "</td>\n" +-->
                    <#--"                    <td id=\"isAviliable_\">" + result.isAvailable + "</td>\n" +-->
                    <#--"                    <td>\n" +-->
                    <#--"                        <button id=\"update_\" type=\"button\" onclick=\"updateRecord(this)\" class=\"btn btn-warning\">修改角色</button>\n" +-->
                    <#--"                        <button type=\"delete_\" onclick=\"deleteRecord(this)\" class=\"btn btn-danger\">删除角色</button>\n" +-->
                    <#--"                    </td>\n" +-->
                    <#--"                </tr>");-->
        <#--}-->
        <#--//记录视图倒叙-->
        <#--function sortRecordView(result) {-->
            <#--//开头插入-->
            <#--// append() 方法在被选元素的结尾插入内容。-->
            <#--// prepend() 方法在被选元素的开头插入内容。-->
            <#--// after() 方法在被选元素之后插入内容。-->
            <#--// before() 方法在被选元素之前插入内容-->
            <#--// $("tr[id^='tr']").first().before("<tr id=\"tr_\">\n" +-->
            <#--$("tbody").first().append("<tr id=\"tr_"+ result.id +"\">\n" +-->
                    <#--"                    <td id=\"id_\">" + result.id + "</td>\n" +-->
                    <#--"                    <td id=\"roleName_\">" + result.roleName + "</td>\n" +-->
                    <#--"                    <td id=\"description_\">" + result.description + "</td>\n" +-->
                    <#--"                    <td id=\"isAviliable_\">" + result.isAvailable + "</td>\n" +-->
                    <#--"                    <td>\n" +-->
                    <#--"                        <button id=\"update_\" type=\"button\" onclick=\"updateRecord(this)\" class=\"btn btn-warning\">修改角色</button>\n" +-->
                    <#--"                        <button type=\"delete_\" onclick=\"deleteRecord(this)\" class=\"btn btn-danger\">删除角色</button>\n" +-->
                    <#--"                    </td>\n" +-->
                    <#--"                </tr>");-->
        <#--}-->
        <#--//修改视图更新-->
        <#--function updateRecordView(result, data) {-->
            <#--// alert($(data).text());-->
            <#--var tdList = $(data).parent().parent().children();-->
            <#--tdList.eq(1).html(result.roleName);-->
            <#--tdList.eq(2).html(result.description);-->
        <#--}-->
        <#--//分页重组-->
        <#--function updatePageView(listResult) {-->
            <#--$("#table_pagging").empty();-->
            <#--// alert($("#table_pagging").text());-->
            <#--var totalPageNo = listResult.totalPageNo;-->
            <#--for(var i=1; i<=totalPageNo; i++){-->
                <#--$("#table_pagging").append("<li id=\"a_"+ i +"\"><a onclick=\"listRecord(this)\" href=\"#\" >"+ i +"</a></li>");-->
            <#--}-->
            <#--if(totalPageNo == 0){-->
                <#--$("#table_pagging").append("<li id=\"a_"+ 1 +"\"><a onclick=\"listRecord(this)\" href=\"#\" >"+ 1 +"</a></li>");-->
            <#--}-->
            <#--$("#a_1").addClass("disabled");-->
            <#--$("#a_1").children().first().attr("onclick", "return false;");-->
        <#--}-->

        <#--//删除记录-->
        <#--function deleteRecord(data) {-->
            <#--var id = $(data).parent().parent().children().first().text();-->
            <#--$.ajax({-->
                <#--type: "DELETE",-->
                <#--url: "${basePath}" + "/role/" + id,-->
                <#--dataType: "html",-->
                <#--success: function(result){-->
                    <#--alert(111);-->
                    <#--$(data).parent().parent().remove();-->
                <#--},-->
                <#--error: function (result) {-->
                    <#--alert("error:"+data.responseText);-->
                <#--}-->

            <#--});-->
        <#--}-->


        <#--//记录翻页-->
        <#--function listRecord(data) {-->
            <#--var roleName = $("#queryRoleName").text();-->
            <#--var pageSize = "${listResult.pageSize}";-->
            <#--var pageNo = $(data).text();-->
            <#--var requestData = "?pageNo=" + pageNo + "&pageSize=" + pageSize;-->
            <#--if(roleName){-->
                <#--requestData = requestData + "&roleName=" + roleName-->
            <#--}-->

            <#--// alert(requestData);-->
            <#--$.ajax({-->
                <#--type: "GET",-->
                <#--url: "${basePath}" + "/role/pageList" + requestData,-->
                <#--dataType: "html",-->
                <#--success: function(result){-->
                    <#--// alert(result);-->
                    <#--//清空原记录-->
                    <#--$("tbody").empty();-->
                    <#--var rs = JSON.parse(result);-->
                    <#--var roleList = rs.listResult.list;-->
                    <#--$.each(roleList, function (index, target) {-->
                        <#--sortRecordView(target);-->
                    <#--});-->
                    <#--//分页不可编辑-->
                    <#--var disLi = $("li[id^='a_'].disabled");-->
                    <#--disLi.removeClass("disabled");-->
                    <#--disLi.children().attr("onclick", "listRecord(this)");-->
                    <#--$(data).parent().addClass("disabled");-->
                    <#--$(data).attr("onclick","return false");-->
                <#--},-->
                <#--error: function (result) {-->
                    <#--alert("error:"+result.responseText);-->
                <#--}-->

            <#--});-->
        <#--}-->


        <#--//修改记录-->
        <#--function updateRecord(data) {-->
            <#--var tdList = $(data).parent().parent().children();-->
            <#--$("#myModalLabel").html("角色修改");-->
            <#--$("#modalCancel").html("关闭");-->
            <#--$("#addRole").html("修改");-->
            <#--$("#myModal").modal("show");-->
            <#--$("#addRole").attr("onclick","");-->
            <#--//设置id-->
            <#--$("#roleId").attr("value", tdList.eq(0).text());-->
            <#--$("#roleName").attr("value", tdList.eq(1).text());-->
            <#--$("#description").attr("value", tdList.eq(2).text());-->

            <#--$("#addRole").click(function () {-->
                <#--var url = "${basePath}" + "/role/";-->
                <#--var type = "PUT";-->
                <#--commitModal(url, type, data);-->
                <#--$('#addRole').unbind("click");-->
            <#--});-->
        <#--}-->

        <#--//新增记录-->
        <#--function insertRecord(data) {-->
            <#--//全局变量-->
            <#--target = $(data);-->
            <#--$("#myModalLabel").html("新增角色");-->
            <#--$("#modalCancel").html("取消");-->
            <#--$("#addRole").html("提交");-->
            <#--$("#myModal").modal("show");-->
            <#--$("#addRole").attr("onclick","");-->

            <#--var url = "${basePath}" + "/role/";-->
            <#--var type = "POST";-->
            <#--$("#addRole").click(function () {-->
                <#--commitModal(url, type, data);-->
                <#--$('#addRole').unbind("click");-->
            <#--});-->
        <#--}-->

        <#--//模态窗提交-->
        <#--function commitModal(url, type, data) {-->
            <#--var roleName = $("#roleName").val();-->
            <#--var description = $("#description").val();-->
            <#--var isAvailable = $("input[type='radio']:checked").val();-->
            <#--var obj = $(this);-->
            <#--$.ajax({-->
                <#--type: type,-->
                <#--url: url,-->
                <#--data: $('#from_addrole').serialize(),-->
                <#--dataType: "html",-->
                <#--success: function (resultData) {-->
                    <#--alert(resultData);-->
                    <#--var result = JSON.parse(resultData);-->
                    <#--result['roleName']=roleName;-->
                    <#--result['description']=description;-->
                    <#--if(isAvailable==1){-->
                        <#--result['isAvailable']="是";-->
                    <#--}else {-->
                        <#--result['isAvailable']="否";-->
                    <#--}-->
                    <#--$('#myModal').modal('hide');-->

                    <#--//视图展示处理-->
                    <#--if(type=="POST"){-->
                        <#--insertRecordView(result);-->
                    <#--}else{-->
                        <#--updateRecordView(result, data);-->
                    <#--}-->
                <#--},-->
                <#--//调用执行后调用的函数-->
                <#--// complete: function(XMLHttpRequest, textStatus){-->
                <#--//     alert(XMLHttpRequest.responseText);-->
                <#--//     alert(textStatus);-->
                <#--// },-->
                <#--error: function(data) {-->
                    <#--alert("error:"+data.responseText);-->
                <#--}-->

            <#--});-->
        <#--}-->

        <#--//角色查询-->
        <#--function queryRole(data) {-->
            <#--var pageSize = "${listResult.pageSize}";-->
            <#--var pageNo = 1;-->
            <#--var requestData = "?pageNo=" + pageNo + "&pageSize=" + pageSize;-->
            <#--var roleName = $("#queryRoleName").val();-->
            <#--if(roleName){-->
                <#--requestData = requestData + "&roleName=" + roleName-->
            <#--}-->
            <#--// alert(requestData);-->
            <#--$.ajax({-->
                <#--type: "GET",-->
                <#--url: "${basePath}" + "/role/pageList" + requestData,-->
                <#--dataType: "html",-->
                <#--success: function(result){-->
                    <#--// alert(result);-->
                    <#--//清空原记录-->
                    <#--$("tbody").empty();-->
                    <#--var rs = JSON.parse(result);-->
                    <#--var listResult = rs.listResult;-->
                    <#--var roleList = listResult.list;-->
                    <#--$.each(roleList, function (index, target) {-->
                        <#--sortRecordView(target);-->
                    <#--});-->
                    <#--//分页不可编辑-->
                    <#--updatePageView(listResult);-->
                <#--},-->
                <#--error: function (result) {-->
                    <#--alert("error:"+result.responseText);-->
                <#--}-->

            <#--});-->
        <#--}-->

        <#--//获取当前记录-->
        <#--function getThisRecord(data) {-->

            <#--var tdList = $(data).parent().parent().children();-->
            <#--var id = tdList.eq(0).text();-->
            <#--var roleName = tdList.eq(1).text();-->
            <#--var description = tdList.eq(2).text();-->
            <#--var isAvailable = tdList.eq(3).text();-->
            <#--if(isAvailable == "是"){-->
                <#--isAvailable = 1;-->
            <#--}else{-->
                <#--isAvailable = 0;-->
            <#--}-->

        <#--}-->

        function changeFrameHeight(){
            var ifm= document.getElementById("myIframe");
            ifm.height=document.documentElement.clientHeight-56;
        }
        window.onresize=function(){ changeFrameHeight();}
        $(function(){changeFrameHeight();});
    </script>
</head>
<body>
 <@_top.top 1/>
<div class="container" style="padding-bottom: 15px;min-height: 300px; padding-top: 60px;">
    <div class="row">
        <@_left.role 3/>
        <#--<div class="col-md-10">-->
            <iframe class="col-md-10" id="myIframe" src="${basePath}/permission/pageList/?pageSize=3&pageNo=1" frameborder="0"></iframe>
        <#--</div>-->
    </div>

</div>


<script src="/static/js/common/bootstrap/js/bootstrap.min.js"></script>

</body>

</html>